[JQuery] JQuery第四课

说明

本文转自菜鸟教程。

JQuery滑动方法

通过JQuery，您可以在元素上创建滑动效果，JQuery拥有以下滑动方法：

• slideDown()
• slideUp()
• slideToggle()

JQuery slideDown()方法

用于向下滑动元素，其语法如下：

$(selector).slideDown(speed, callback);

可选的 speed 参数规定效果的时长，它可以取以下值：”slow”、”fast” 或毫秒，可选的 callback 参数是滑动完成后所执行的函数名称。例如：

$("#flip").click(function() {
 	$("#panel").slideDown();
});

JQuery slideUp()方法

用于向下滑动元素，其语法如下：

$(selector).slideUp(speed, callback);

可选的 speed 参数规定效果的时长，它可以取以下值：”slow”、”fast” 或毫秒，可选的 callback 参数是滑动完成后所执行的函数名称。例如：

$("#flip").click(function() {
 	$("#panel").slideUp();
});

JQuery slideToggle()方法

jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。如果元素向下滑动，则 slideToggle() 可向上滑动它们；如果元素向上滑动，则 slideToggle() 可向下滑动它们。

$(selector).slideToggle(speed, callback);

可选的 speed 参数规定效果的时长，它可以取以下值：”slow”、”fast” 或毫秒，可选的 callback 参数是滑动完成后所执行的函数名称。例如：

$("#flip").click(function() {
 	$("#panel").slideToggle();
});